لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
دوره کامل آموزش اصول AJAX [ویدئو]
The Complete AJAX Fundamentals Course [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
AJAX به این اشاره دارد که چگونه مرورگرها درخواستهای HTTP را به طور ناهمزمان به سرورها ارسال میکنند، به نتایج گوش میدهند و پس از دریافت اطلاعات، کاری با دادهها انجام میدهند. AJAX در مورد سرعت و کارایی است.
درک توسعه وب یک فرآیند مداوم است. برای اینکه به شما کمک کند، این دوره تمام تلاش خود را برای ساختار یک دوره جامع، متمرکز و AJAX انجام داده است که به گونه ای به شما تحویل داده می شود که بیشترین سود را برای شما داشته باشد.
اگر میخواهید یک توسعهدهنده فول استک شوید، دانستن AJAX بسیار مهم است، زیرا به شما امکان میدهد درخواستهای سرور را ارسال کنید و به دادههای دریافتی به صورت ناهمزمان گوش دهید. اشاره شده است که AJAX ممکن است گاهی اوقات مشکل پیدا کند و من این را رد نمی کنم، اما با آموزش صحیح که شامل توضیح اصولی به روشی ساده است، یاد خواهید گرفت که به AJAX مسلط شوید و آن را دوست داشته باشید.
اگر می خواهید یک توسعه دهنده وب تمام پشته شوید، باید در مورد AJAX بدانید و این چیزی است که این دوره در مورد آن است.
این دوره شما را با تاریخچه AJAX، پروتکل HTTP و نقش AJAX آشنا می کند. همچنین HTTP/2 و HTTP/3، کدهای همزمان و ناهمزمان را بررسی خواهید کرد. این دوره همچنین شما را با اصول AJAX، JSON، XML و توابع سازنده آشنا می کند. در نهایت، شما AJAX مدرن مانند واکشی اصول اولیه و جریان را یاد خواهید گرفت.
در پایان دوره، شما در اصول AJAX حرفه ای خواهید شد.
همه منابع و فایل های کد در اینجا قرار داده شده اند: https://github.com/PacktPublishing/The-Complete-AJAX-Fundamentals-Course نمونه های عملی و چالش های سرگرم کننده را برای آسان کردن یادگیری کشف کنید.
با نحوه به روز رسانی پویا یک صفحه وب بدون بازخوانی صفحه آشنا شوید
اصول AJAX را بدون کتابخانه های شخص ثالث بیاموزید
درباره Streams API بیاموزید
بدانید که AJAX از کجا آمده و چرا اختراع شده است
درک توابع سازنده این دوره برای همه، از مبتدیان و کدنویسان پیشرفته است. این دوره برای کسانی است که می خواهند یک حرفه ای آگاه، متخصص و با اعتماد به نفس در کل فرآیند توسعه front-end در ارسال داده ها به سرورها و انجام کاری با پاسخ باشند. شما فقط باید کمی HTML و جاوا اسکریپت را بدانید. با دانستن نحوه ارسال دادهها به سرور، گوش دادن به پاسخ و انجام کاری با دادهها به یک توسعهدهنده کامل تبدیل شوید * فرمتهای داده JSON و XML را بیاموزید و چگونه میتوانید از آنها با AJAX استفاده کنید * عمق دانش را برای تقویت توانایی و اعتماد به نفس شما
سرفصل ها و درس ها
تاریخچه AJAX
History of AJAX
ویدیو تبلیغاتی
Promotional Video
بخش مقدمه
Section Introduction
تاریخچه AJAX
History of AJAX
اولین بار "AJAX" ساخته شد
The First Time “AJAX” Was Coined
خلاصه
Summary
پروتکل HTTP و نقش AJAX
HTTP Protocol and the Role of AJAX
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
سایت های پویا در مقابل استاتیک
Dynamic Versus Static Sites
سایت های پویا در مقابل استاتیک
Dynamic Versus Static Sites
پروتکل HTTP
HTTP Protocol
پروتکل HTTP
HTTP Protocol
URI و پروتکل ها
URI and Protocols
URI و پروتکل ها
URI and Protocols
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 1
How to Place Data into an HTTP Request - Part 1
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 1
How to Place Data into an HTTP Request - Part 1
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 2
How to Place Data into an HTTP Request - Part 2
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 2
How to Place Data into an HTTP Request - Part 2
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 3
How to Place Data into an HTTP Request - Part 3
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 3
How to Place Data into an HTTP Request - Part 3
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 4
How to Place Data into an HTTP Request - Part 4
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 4
How to Place Data into an HTTP Request - Part 4
پروتکل HTTP و نقش AJAX
HTTP Protocol and the Role of AJAX
HTTP/2 و HTTP/3 چیست
What is HTTP/2 and HTTP/3
HTTP/1.1 - از کجا همه چیز شروع شد
HTTP/1.1 - Where It All Began
HTTP/1.1 - از کجا همه چیز شروع شد
HTTP/1.1 - Where It All Began
HTTP/2 از کجا آمده است؟
Where Did HTTP/2 Come From?
HTTP/2 از کجا آمده است؟
Where Did HTTP/2 Come From?
HTTP/2 چیست؟
What is HTTP/2?
HTTP/2 چیست؟
What is HTTP/2?
HTTP/2 پرسش و پاسخ
HTTP/2 Q&A
HTTP/2 پرسش و پاسخ
HTTP/2 Q&A
HTTP/2 و HTTP/3 چیست
What is HTTP/2 and HTTP/3
کد همزمان در مقابل کد ناهمزمان
Synchronous Versus Asynchronous Code
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
کد همزمان در مقابل کد ناهمزمان
Synchronous Versus Asynchronous Code
کد همزمان در مقابل کد ناهمزمان
Synchronous Versus Asynchronous Code
مثال های همزمان
Synchronous Examples
مثال های همزمان
Synchronous Examples
مثال های ناهمزمان
Asynchronous Examples
مثال های ناهمزمان
Asynchronous Examples
کد همزمان در مقابل کد ناهمزمان
Synchronous Versus Asynchronous Code
AJAX - مبانی
AJAX – The Basics
مروری بر فرآیند GET/RESPONSE
An overview of the GET / RESPONSE Process
مروری بر فرآیند GET/RESPONSE
An overview of the GET / RESPONSE Process
AJAX چیست؟
What Is AJAX?
AJAX چیست؟
What Is AJAX?
درخواست معمولی در مقابل درخواست AJAX
Typical Request Versus AJAX Request
درخواست معمولی در مقابل درخواست AJAX
Typical Request Versus AJAX Request
خلاصه
Summary
خلاصه
Summary
AJAX - مبانی
AJAX – The Basics
JSON و XML
JSON and XML
XML چیست و چه تفاوتی با HTML دارد؟
What Is XML and How Does It Differ to HTML?
XML چیست و چه تفاوتی با HTML دارد؟
What Is XML and How Does It Differ to HTML?
تجزیه داده های XML با استفاده از روش DOMParser
Parsing XML Data Using the DOMParser Method
تجزیه داده های XML با استفاده از روش DOMParser
Parsing XML Data Using the DOMParser Method
تجزیه داده های XML - اتمام مثال ما
Parsing XML Data - Finishing Off Our Example
تجزیه داده های XML - اتمام مثال ما
Parsing XML Data - Finishing Off Our Example
معرفی JSON و شباهت های جاوا اسکریپت
JSON Introduction and Similarities to JavaScript
معرفی JSON و شباهت های جاوا اسکریپت
JSON Introduction and Similarities to JavaScript
نحوه استفاده از روش JSON
How to Use the JSON Method
نحوه استفاده از روش JSON
How to Use the JSON Method
مثالی از یک شیء JSON و یک شیء XML
Example of a JSON Object and XML Object
مثالی از یک شیء JSON و یک شیء XML
Example of a JSON Object and XML Object
شباهت ها و تفاوت های بین JSON و XML
Similarities and Differences Between JSON and XML
شباهت ها و تفاوت های بین JSON و XML
Similarities and Differences Between JSON and XML
استفاده از XML گاهی راحتتر از JSON است
XML Is Sometimes Easier to Use than JSON
استفاده از XML گاهی راحتتر از JSON است
XML Is Sometimes Easier to Use than JSON
خلاصه
Summary
خلاصه
Summary
JSON و XML
JSON and XML
توابع سازنده
Constructor Functions
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
اولین نمونه AJAX
First AJAX Example
اولین نمونه AJAX
First AJAX Example
شیء XMLHttpRequest() یک تابع سازنده است
The XMLHttpRequest() Object Is a Constructor Function
شیء XMLHttpRequest() یک تابع سازنده است
The XMLHttpRequest() Object Is a Constructor Function
عملکرد سازنده چیست؟
What Is a Constructor Function?
عملکرد سازنده چیست؟
What Is a Constructor Function?
کلمه کلیدی NEW چیست؟
What Is the NEW Keyword?
کلمه کلیدی NEW چیست؟
What Is the NEW Keyword?
اگر از کلمه کلیدی جدید استفاده نکنید چه اتفاقی می افتد؟
What Happens If You Don't Use the NEW Keyword?
اگر از کلمه کلیدی جدید استفاده نکنید چه اتفاقی می افتد؟
What Happens If You Don't Use the NEW Keyword?
مقدمه ای بر ویژگی new.target
Introduction to the new.target Property
مقدمه ای بر ویژگی new.target
Introduction to the new.target Property
استفاده از ویژگی new.target برای پرتاب خطای سفارشی
Using the new.target Property to Throw a Custom Error
استفاده از ویژگی new.target برای پرتاب خطای سفارشی
Using the new.target Property to Throw a Custom Error
توابع سازنده کمی پیچیده تر هستند
Constructor Functions Are a Little More Complex
توابع سازنده کمی پیچیده تر هستند
Constructor Functions Are a Little More Complex
توابع سازنده
Constructor Functions
AJAX اصلی – XMLHttpRequest()
Original AJAX – XMLHttpRequest()
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
چرا درباره شی XHR بیاموزیم؟
Why Learn about the XHR Object
چرا درباره شی XHR بیاموزیم؟
Why Learn about the XHR Object
نحوه تنظیم یک درخواست AJAX
How to Set Up an AJAX Request
نحوه تنظیم یک درخواست AJAX
How to Set Up an AJAX Request
املاک آماده ایالت چیست؟
What Is the readyState Property?
املاک آماده ایالت چیست؟
What Is the readyState Property?
با استفاده از ویژگی readyState
Using the readyState Property
با استفاده از ویژگی readyState
Using the readyState Property
Onreadystatechange Event Handler چیست؟
What Is the onreadystatechange Event Handler?
Onreadystatechange Event Handler چیست؟
What Is the onreadystatechange Event Handler?
ResponseText Property و خطر گوش ندادن برای readyState 4
responseText Property, and the Danger of not Listening for readyState of 4
ResponseText Property و خطر گوش ندادن برای readyState 4
responseText Property, and the Danger of not Listening for readyState of 4
کدهای وضعیت
Status Codes
کدهای وضعیت
Status Codes
بررسی کد وضعیت
Checking for Status Code
بررسی کد وضعیت
Checking for Status Code
جایگزینی onreadystatechange با Onload Event Handler
Replacing onreadystatechange with the Onload Event Handler
جایگزینی onreadystatechange با Onload Event Handler
Replacing onreadystatechange with the Onload Event Handler
ویژگی ResponseType
ResponseType Property
ویژگی ResponseType
ResponseType Property
رویداد یک خطا
The onerror Event
رویداد یک خطا
The onerror Event
رویداد در حال پیشرفت (پیگیری پیشرفت دانلود)
The onprogress Event (Tracking Download Progress)
رویداد در حال پیشرفت (پیگیری پیشرفت دانلود)
The onprogress Event (Tracking Download Progress)
نظارت بر پیشرفت آپلود
Monitoring Upload Progress
نظارت بر پیشرفت آپلود
Monitoring Upload Progress
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - مقدمه
Challenge (Listening for Progress and Load Events) - Introduction
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - مقدمه
Challenge (Listening for Progress and Load Events) - Introduction
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - تنظیم کد ما
Challenge (Listening for Progress and Load Events) - Setting Up Our Code
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - تنظیم کد ما
Challenge (Listening for Progress and Load Events) - Setting Up Our Code
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - پایان دادن به چالش ما
Challenge (Listening for Progress and Load Events) - Finishing Off Our Challenge
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - پایان دادن به چالش ما
Challenge (Listening for Progress and Load Events) - Finishing Off Our Challenge
ارسال درخواست POST
Submitting a POST Request
ارسال درخواست POST
Submitting a POST Request
ایجاد سرور PHP ما و تکمیل درخواست POST ما
Creating Our PHP Server and Finishing Off Our POST Request
ایجاد سرور PHP ما و تکمیل درخواست POST ما
Creating Our PHP Server and Finishing Off Our POST Request
AJAX اصلی – XMLHttpRequest()
Original AJAX – XMLHttpRequest()
بخش 9: AJAX مدرن - مبانی واکشی
Section 9: Modern AJAX – Fetch Basics
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
واکشی مقدمه
Fetch Introduction
واکشی مقدمه
Fetch Introduction
وعده ها چیست؟
What Are Promises?
وعده ها چیست؟
What Are Promises?
Fetch Asynchronous است
Fetch Is Asynchronous
Fetch Asynchronous است
Fetch Is Asynchronous
Promises - و استفاده از بیانیه های then ()
Promises - and Using the then () Statements
Promises - و استفاده از بیانیه های then ()
Promises - and Using the then () Statements
Promises - و استفاده از دستورات catch().
Promises - and Using the catch() Statements
Promises - و استفاده از دستورات catch().
Promises - and Using the catch() Statements
Fetch از توابع برگشت به تماس استفاده می کند
Fetch Uses Callback Functions
Fetch از توابع برگشت به تماس استفاده می کند
Fetch Uses Callback Functions
واکشی - زیر سرپوش
Fetch - Under the Hood
واکشی - زیر سرپوش
Fetch - Under the Hood
حلقه رویداد چیست؟ چگونه آن را مشاهده کنم
What Is the Event Loop? How I View It
حلقه رویداد چیست؟ چگونه آن را مشاهده کنم
What Is the Event Loop? How I View It
Fetch Returns a Promise
Fetch Returns a Promise
Fetch Returns a Promise
Fetch Returns a Promise
Fetch دارای نحوی مشابه با jQuery است
Fetch Has Similar Syntax to jQuery
Fetch دارای نحوی مشابه با jQuery است
Fetch Has Similar Syntax to jQuery
یک قدم به عقب برگردید - واکشی خلاصه
Take a Step Back - Fetch Summary
یک قدم به عقب برگردید - واکشی خلاصه
Take a Step Back - Fetch Summary
شی پاسخ چیست؟
What Is the Response Object?
شی پاسخ چیست؟
What Is the Response Object?
چگونه با جریان های خواندنی کار می کنید؟
How Do You Work with Readable Streams?
چگونه با جریان های خواندنی کار می کنید؟
How Do You Work with Readable Streams?
متد Json() چیست؟
What Is the Json() Method
متد Json() چیست؟
What Is the Json() Method
استفاده از متد Json() برای دسترسی به داده های JSON ما
Using the Json() Method to Access Our JSON Data
استفاده از متد Json() برای دسترسی به داده های JSON ما
Using the Json() Method to Access Our JSON Data
واکشی داده های خارجی - مثال کامل
Fetching External Data – Complete Example
واکشی داده های خارجی - مثال کامل
Fetching External Data – Complete Example
مقدمه چالش – XHR در مقابل Fetch در مقابل Async
Challenge Introduction – XHR Versus Fetch Versus Async
مقدمه چالش – XHR در مقابل Fetch در مقابل Async
Challenge Introduction – XHR Versus Fetch Versus Async
چالش - ایجاد درخواست XHR ما
Challenge - Building Our XHR Request
چالش - ایجاد درخواست XHR ما
Challenge - Building Our XHR Request
چالش - ایجاد درخواست واکشی ما
Challenge - Building Our Fetch Request
چالش - ایجاد درخواست واکشی ما
Challenge - Building Our Fetch Request
چالش - نگاهی اجمالی به Async/Await
Challenge - A Glimpse into Async/Await
چالش - نگاهی اجمالی به Async/Await
Challenge - A Glimpse into Async/Await
بخش 9: AJAX مدرن - مبانی واکشی
Section 9: Modern AJAX – Fetch Basics
AJAX مدرن - جریان
Modern AJAX - Streams
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
جریان ها چیست؟
What Are Streams?
جریان ها چیست؟
What Are Streams?
خواندن یک جریان (پیشرفته)
Reading a Stream (Advanced)
خواندن یک جریان (پیشرفته)
Reading a Stream (Advanced)
استفاده از روش pipeThrough() برای خواندن تکه ها در زمان واقعی
Using the pipeThrough() Method to Read Chunks in Real Time
استفاده از روش pipeThrough() برای خواندن تکه ها در زمان واقعی
Using the pipeThrough() Method to Read Chunks in Real Time
نوشتن به استریمز
Writing to Streams
نوشتن به استریمز
Writing to Streams
خلاصه
Summary
خلاصه
Summary
AJAX مدرن - جریان
Modern AJAX - Streams
AJAX مدرن - مفاهیم پیشرفته را واکشی کنید
Modern AJAX – Fetch Advanced Concepts
بخش مقدمه
Section Introduction
بخش مقدمه
Section Introduction
واکشی خلاصه
Fetch Recap
واکشی خلاصه
Fetch Recap
با استفاده از متد json() و text() برای دسترسی به داده های ما
Using the json() and text() Method to Access Our Data
با استفاده از متد json() و text() برای دسترسی به داده های ما
Using the json() and text() Method to Access Our Data
مقایسه json() با JSON.parse()
Comparing json() to JSON.parse()
مقایسه json() با JSON.parse()
Comparing json() to JSON.parse()
برای تعریف گزینه های واکشی ما، رابط و رابط سرصفحه ها را درخواست کنید
Request Interface and Headers Interface to Define Our Fetch Options
برای تعریف گزینه های واکشی ما، رابط و رابط سرصفحه ها را درخواست کنید
Request Interface and Headers Interface to Define Our Fetch Options
مقدمه چالش - ایجاد دو درخواست واکشی
Challenge Introduction - Building Two Fetch Requests
مقدمه چالش - ایجاد دو درخواست واکشی
Challenge Introduction - Building Two Fetch Requests
چالش - راه اندازی HTML ما
Challenge - Setting Up Our HTML
چالش - راه اندازی HTML ما
Challenge - Setting Up Our HTML
چالش - استفاده از fetch () برای بازیابی آدرس IP ما
Challenge - Using fetch () to Retrieve Our IP Address
چالش - استفاده از fetch () برای بازیابی آدرس IP ما
Challenge - Using fetch () to Retrieve Our IP Address
چالش - استفاده از fetch () برای بازیابی تصویر ما
Challenge - Using fetch () to Retrieve Our Image
چالش - استفاده از fetch () برای بازیابی تصویر ما
Challenge - Using fetch () to Retrieve Our Image
شیء رابط URL چیست؟
What Is the URL Interface Object?
شیء رابط URL چیست؟
What Is the URL Interface Object?
چالش - مدیریت خطا
Challenge – Error Handling
چالش - مدیریت خطا
Challenge – Error Handling
رسیدگی به خطا با Fetch
Error Handling with Fetch
رسیدگی به خطا با Fetch
Error Handling with Fetch
استفاده از OK Property برای پرتاب خطاها
Using the OK Property to Throw Errors
استفاده از OK Property برای پرتاب خطاها
Using the OK Property to Throw Errors
چالش - بهبود کد ما برای گنجاندن مدیریت خطا
Challenge - Improving Our Code to Incorporate Error Handling
چالش - بهبود کد ما برای گنجاندن مدیریت خطا
Challenge - Improving Our Code to Incorporate Error Handling
ارسال درخواست واکشی
POST Fetch Request
ارسال درخواست واکشی
POST Fetch Request
AJAX مدرن - مفاهیم پیشرفته را واکشی کنید
Modern AJAX – Fetch Advanced Concepts
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
SkillZone هدف ساده آموزش مفاهیم پیچیده را به روشی بی دردسر دارد.
آنها مستقر در ژوهانسبورگ هستند و راه حل های آموزش الکترونیکی با کیفیت و قابل درک ایجاد می کنند. در محیط کار امروزی که به سرعت در حال تحول است، اطمینان از داشتن مهارت ها و تخصص لازم برای موفقیت ضروری است. محتوایی که ما ارائه میدهیم تضمین میکند که مواد آموزشی و رویکرد ارائه برای برآورده کردن نتایج مورد نظر و رفع نیازهای آموزشی خاص شما بدون پوشش موضوعاتی که ممکن است غیرضروری یا نامربوط باشند، هماهنگ هستند.
هدف نویسنده این است که به شما در یادگیری عمیق کمک کند و در عین حال از دام هایی که در راه دشوار کشف کرده است اجتناب کنید. او مشتاق است و تدریس بسیار سرگرم کننده ای دارد و شخصیت و کاریزمای خود را به سکوی تدریس می آورد تا بیشترین بهره را از شاگردانش ببرد.
نمایش نظرات